<!DOCTYPE html>
<!-- saved from url=(0030)http://www.szuavia.org/mobile/ -->
<html class="am-touch js cssanimations"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{$cateRes->name}}_{{config('sys.siteName')}}</title>
    <meta name="description" content="{{$cateRes->description}}">
    <meta name="keywords" content="{{$cateRes->keywords}}">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3868774_fnqknxd4emo.css">
    <link rel="stylesheet" href="{{$temps_src}}/file/amazeui.css">
    <link rel="stylesheet" href="{{$temps_src}}/file/public.css"> 
    <link rel="stylesheet" href="{{$temps_src}}/file/index.css">
    <script src="{{$temps_src}}/file/hm.js"></script><script src="{{$temps_src}}/file/jquery.min.js"></script> 
    <script src="{{$temps_src}}/file/amazeui.min.js"></script>
    <script src="{{$temps_src}}/file/public.js"></script>
    <script src="{{$temps_src}}/file/template-web.js"></script> 
    <style>
    .news .am-list-news-bd .am-list li{
        padding: 0.5rem 0;
    }  

    </style>
<style id="ai-assist-right-style">
    html.ai-assist-html {
      width: calc(100% - 480px)!important;
      position: relative!important;
      min-height: 100vh!important
    }
    .ai-assist-highlight {
      background: yellow;
    }
  </style></head>
<body class="am-with-topbar-fixed-top"> 
@include('home.mobile.header')
    
 <!-- banner -->
 <div class="banner" id="banner" style="margin-top:0px;"> 
    <div class="am-g am-container padding-none" style="padding: 0">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8" style="padding: 0">
            <div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider="{&quot;directionNav&quot;:false}"> 
                
            <div class="am-viewport" style="overflow: hidden; position: relative;">
              <ul class="am-slides" style="width: 1600%; transition-duration: 0s; transform: translate3d(-390px, 0px, 0px);"> 
                        
              @foreach(newsList($cateRes->id,1,0,6) as $k => $v)
                            <li style="width: 390px; float: left; display: block;" @if($v->id == $cateRes->id) class="am-active-slide" @endif >
                                <a href="/show/{{$v->id}}.html">
                                    <img style="width:100%; height:19rem;" src="{{$v->thumb}}" draggable="false">
                                </a>
                                <div class="am-slider-desc">{{$v->title}}</div>
                            </li>
              @endforeach               
              </ul>
            </div>
            <ol class="am-control-nav am-control-paging">
              <li><a class="am-active">1</a><i></i></li>
              <li><a class="">2</a><i></i></li>
              <li><a class="">3</a><i></i></li>
              <li><a class="">4</a><i></i></li>
              <li><a class="">5</a><i></i></li>
              <li><a class="">6</a><i></i></li>
            </ol>
            <ul class="am-direction-nav">
              <li class="am-nav-prev"><a class="am-prev" href="#"> </a></li>
              <li class="am-nav-next"><a class="am-next" href="#"> </a></li>
            </ul>
          </div>
        
    </div> 
    <div class="am-u-sm-0 am-u-md-0 am-u-lg-4 lrad">
        <ul class="am-avg-sm-1 am-avg-md-2 am-avg-lg-1">
        @foreach(newsList($cateRes->id,2,0,2) as $k => $v)
                <li class="ms">
                    <a href="/show/{{$v->id}}.html">
                        <img src="{{$v->thumb}}" class="am-img-responsive">
                    </a>
                    <div class="am-slider-desc" style="text-align:center;font-size:1.5rem;"><a href="/show/{{$v->id}}.html">{{$v->title}}</a></div>
                </li>  
        @endforeach    
            
        </ul>
    </div>
</div>
    
</div>
 <!-- 文章列表开始 -->
 <div data-am-widget="list_news" class="am-list-news am-list-news-default padding-none am-no-layout">
    <div class="am-list-news-bd padding-none">
  <ul class="am-list" id="details">
  @foreach($listRes as $k => $v)
    <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" style="border-top: 0px">
        <div class="am-u-sm-5 am-list-thumb">
            <a href="/show/{{$v->id}}.html">
                <img src="{{$v->thumb}}">
            </a>
        </div>
        <div class="am-u-sm-7 am-list-main">
            <h3 class="am-list-item-hd"><a href="/show/{{$v->id}}.html">{{$v->title}}</a></h3> 
            <div class="am-list-item-text"><?php echo mb_substr($v->description, 0, 30, 'utf-8') ?></div>
        </div>
    </li> 
    @endforeach

</ul>
<div id="pages" class="text-c my_pages">{!! $listRes->render() !!}</div>
                        <style>
                            .my_pages{clear:both!important;padding:5px 0 0;text-align:center;margin:5px auto;line-height:30px;}
                            .my_pages ul{text-align:center;list-style:none;}
                            .my_pages ul li{list-style:none;text-align:center;height:24px;display:inline;margin:0 2px;padding:0;overflow:hidden;white-space:nowrap;font-size:13px; float:none;}
                            .my_pages ul li a{background:#fff;color:#333;display:inline;height:24px;overflow:hidden;padding:6px 10px;margin:0;border: #999 1px solid;}
                            .my_pages ul li a:hover{color:#fff;background:#003366;border:#1048a0 1px solid;height:24px;overflow:hidden;text-decoration:none;cursor:pointer;}
                            .my_pages ul li.active {background:#003366;color:#fff;display:inline;height:24px;overflow:hidden;padding:6px 10px;margin:0;border: #999 1px solid;}
                        </style>
                                    <!-- 分页结束 --> 
          </div>
            </div>
        </div>
<!-- 文章列表结束 -->
    @include('home.mobile.footer')



 <!----></body></html>